import classNames from 'classnames';

import type { FC, SVGProps } from 'react';

const EquinixMetal: FC<SVGProps<SVGSVGElement>> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 3217.55 470.45"
    enableBackground="new 0 0 3217.55 470.45"
    className={classNames('text-[#E91C24] dark:text-white', props.className)}
  >
    <g>
      <polygon
        className="fill-back dark:fill-current"
        points="1081.56,248.72 1188.44,248.72 1188.44,218.71 1081.56,218.71 1081.56,153.99 1240.97,153.99
        1240.97,124.12 1049.23,124.12 1049.23,352.54 1246.59,352.54 1246.59,323.07 1081.56,323.07"
      />
      <g>
        <path
          className="fill-back dark:fill-current"
          d="M1924.93,261.52c0,40.82-26.16,67.8-65.02,67.8c-37.7,0-61.29-27.3-61.29-67.8V124.7h-32v138.35
          c0,62.3,43.53,96.25,93.07,96.25c73.13,0,96.91-51.6,96.91-96.25V124.7h-31.67V261.52z"
        />
      </g>
      <rect
        x="2134.65"
        y="124.12"
        className="fill-back dark:fill-current"
        width="31.75"
        height="228.45"
      />
      <polygon
        className="fill-back dark:fill-current"
        points="2545.41,303.11 2388.48,124.12 2357.1,124.12 2357.1,352.54 2388.81,352.54 2388.81,172.1
        2546.05,352.54 2577.02,352.54 2577.02,124.12 2545.41,124.12"
      />
      <rect
        x="2769.56"
        y="124.12"
        className="fill-back dark:fill-current"
        width="31.72"
        height="228.45"
      />
      <polygon
        className="fill-back dark:fill-current"
        points="3109.94,228.58 3202.03,123.87 3162.89,123.87 3089.79,205.98 3018.68,123.87 2977.23,123.87
        3066.07,228.65 2954.95,352.5 2995.54,352.5 3086.64,250.82 3173.53,352.5 3217.55,352.5"
      />
      <g>
        <path
          className="fill-back dark:fill-current"
          d="M1572.69,238.2c0,32.25-10.09,53.26-28.53,71.2l-17.2-20.57l-36.81-0.04l30.15,35.76
          c-7.36,3.65-20.64,6.62-30.98,6.69c-47.34,0.33-85.03-39.16-85.03-92.78l-0.02-0.87c0-54.6,35.31-93.25,82.91-93.51
          c47.62-0.4,85.52,38.91,85.52,93.15V238.2z M1487.89,114.86c-65.89,0.43-116.69,51.96-116.69,123.85v0.87
          c0,71.45,52.04,121.75,117.46,121.28c16.81-0.14,36.68-4.67,51.55-12.62l18.05,21.44l36.92-0.04l-31.61-37.35
          c25.86-20.36,42.15-53.88,42.15-95.28v-0.9C1605.74,165.09,1553.52,114.36,1487.89,114.86"
        />
        <path
          fill="currentColor"
          d="M852.81,337.24c24.09,0,43.21-19.92,43.21-43.5v-0.25c0-23.61-18.88-43.28-43.21-43.28
          c-24.13,0-43.27,19.92-43.27,43.54v0.25C809.54,317.57,828.44,337.24,852.81,337.24 M852.81,332.5
          c-21.87,0-38.27-17.39-38.27-38.51v-0.25c0-21.15,16.63-38.76,38.27-38.76c21.84,0,38.25,17.39,38.25,38.51v0.25
          C891.06,314.86,874.42,332.5,852.81,332.5 M834.91,315.37h10.94v-14.18h6.96l9.69,14.18h13.16l-11.41-16.16
          c5.96-1.99,9.92-6.69,9.92-13.92c0-10.16-7.72-14.93-18.18-14.93h-21.09V315.37z M845.86,292.26v-12.44h9.42
          c4.7,0,7.72,2.24,7.72,6.22c0,3.73-2.72,6.22-7.72,6.22H845.86z"
        />
      </g>
    </g>
    <polygon
      fill="currentColor"
      points="360.02,0 288.02,25.08 288.02,402.81 240.02,386.11 240.02,41.88 96.02,92.17 96.02,335.82
      48.04,319.05 48.04,108.9 0,125.7 0,353.16 144.01,403.42 144.01,126.23 192.04,109.49 192.04,420.19 336.04,470.45 336.04,59.19
      360.02,50.82 384.01,59.19 384.01,470.45 528.07,420.19 528.07,109.49 576,126.23 576,403.42 720,353.16 720,125.7 671.99,108.9
      671.99,319.05 624.04,335.82 624.04,92.17 480.01,41.88 480.01,386.11 431.98,402.81 431.98,25.08"
    />
  </svg>
);

export default EquinixMetal;
